{extend name="common/base_layout" /}

{block name="lib-head"}
<link rel="stylesheet" href="__STATIC__/plugs/layui/css/layui.css" />
<script src="__STATIC__/plugs/layui/layui.js" charset="utf-8"></script>

<style>
    #page {
        text-align: center;
    }
</style>
{/block}

{block name="sign-box"}
<li class="sign-li">
    <a href="/"  title="首页">
        <b>首页</b>
    </a>
</li>
<li class="sign-li ">
    <a href="{:url('/news')}"  title="全部">
        <b>全部</b>
    </a>
</li>

{foreach $nCList as $vo}
<li class="sign-li {if $cur_ac_id eq $vo.class_id}active{/if}">
    <a href="{:url('frontend/News/lists', ['ac_id' => $vo['class_id']])}"  title="{$vo.class_name}"><b>{$vo.class_name}</b></a>
</li>
{/foreach}
{/block}

{block name="content"}
<div class="side-content ">

    <div class="banner-sub auto not-has" data-height="420|350|200">

    </div>

    <div class="side-html">

        <div class="side-body swiper-lazy" data-background="__STATIC__/upload/201707/1500274209.jpg">

            <section class="met-news animsition type-0">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 met-news-body">
                            <div class="row">
                                <div class="met-news-list">

                                    <ul class="met-page-ajax" data-scale=''>

                                        {include file="frontend/news/_news_list" /}

                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="met-page-ajax-body visible-xs-block">
                            <button type="button" class="btn btn-default btn-block btn-squared ladda-button"
                                    id="met-page-btn" data-style="slide-left" data-url="/news/?lang=cn&class1=108&class2=0&class3=0&mbpagelist=1" data-page="1">
                                <a class="click-box"><span>READ MORE</span></a>
                            </button>
                        </div>

                        <div class="col-md-4">
                            <div class="row">
                                <div class="met-news-bar">

                                    <div class="sidenews-lists">
                                        <h3><span>为您推荐</span></h3>
                                        <ul >

                                            {foreach $recArticleList as $vo}
                                            <li>
                                                <a href="{:url('frontend/News/show', ['article_id' => $vo['article_id']])}" title="{$vo.article_title}" target='_self'>

                                                    <img class="swiper-lazy" data-src='{$vo.article_image|quick_pic_thumb="@125w_100h"}'>

                                                    <b>{$vo.article_title}</b>
                                                    <p>{$vo.article_publish_time|format_time='Y-m-d'}</p>
                                                </a>
                                            </li>
                                            {/foreach}

                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="hidden-xs">
                    <!--<div class='met_pager'>
                        <span class='PreSpan'>«</span><a href=../news/ class='Ahover'>1</a><a href=news.php?lang=cn&class1=108&page=2 >2</a><a href=news.php?lang=cn&class1=108&page=2 class='NextA'>»</a>
                        <span class='PageText'>转至第</span>
                        <input type='text' id='metPageT' data-pageurl='news.php?lang=cn&class1=108&page=||2' value='1' />
                        <input type='button' id='metPageB' value='页' />
                    </div>-->
                    {$pageHtml}
                </div>

            </section>

            <!--引入 footer-->
            {include file="common/footer" /}

            <input type="hidden" name="lazyloadbg" value="base64">

        </div>
    </div>
    <div class="side-scroll swiper-scrollbar"></div>
</div>
{/block}